@import "base";

.wrap-main {
  padding: 0 0 rem(144);
}

.container {
  padding: 0 rem(20);
  border-bottom: 1px solid #d4d4d4;
  background: #ffffff;
  h1 {
    font-size: rem(26);
    border-bottom: 1px solid #d4d4d4;
    height: rem(66);
    line-height: rem(66);
    span {
      color: #ff0101;
    }
  }
}

.voted {
  border-top: 1px solid #d4d4d4;
  padding-bottom: rem(24);
  margin-bottom: rem(20);
  ul {
    padding-top: rem(34);
    li {
      margin-right: rem(36);
      .voted-avatar {
        width: rem(90);
        height: rem(90);
        border-radius: 50%;
        overflow: hidden;
        margin-bottom: rem(10);
      }
      .voted-per {
        font-size: rem(26);
        text-align: center;
      }
    }
  }
}

.author {
  padding-bottom: rem(34);
  margin-bottom: rem(20);
  .author-top {
    padding-top: rem(32);
    margin-bottom: rem(48);
    .avatar {
      display: inline-block;
      width: rem(161);
      height: rem(161);
      border-radius: 50%;
      overflow: hidden;
      border: 1px solid #c5c5c5;
      margin-right: rem(94);
    }
    .author-info {
      display: inline-block;
      height: rem(161);
      vertical-align: top;
      line-height: rem(58);
    }
  }
  h2{
    font-size: rem(20);
    margin-bottom: rem(32);
  }
  .other-goods{
    .other-good{
      width: rem(106);
      height:rem(106);
      margin-right: rem(40);
      overflow: hidden;
    }
  }
}

.work-info{
  font-size: rem(28);
  p{
    line-height: rem(56);
    font-size: rem(26);
    font-weight: bold;
    color: #000000;
    span{
      font-style: normal;
    }
  }
}
.work-name {
  font-size: rem(28);
  height: rem(86);
  line-height: rem(86);
  padding-left: rem(20);
  border-bottom: 1px solid #d4d4d4;
  margin-bottom: rem(20);
  background: #ffffff;
}
.vote-btn{
  height: rem(54);
  line-height: rem(54);
  font-size: rem(26);
  text-align: center;
  color: #ffffff;
  background: #07aeff;
  margin-top: rem(90);
  margin-bottom: rem(54);
}